/*
-----------------------
	datapicker
-----------------------
*/

.datepicker { border-collapse: collapse; border: 2px solid #4388CE; position: absolute; width:204px; }
.datepicker tr.controls th { height: 22px; font-size: 12px; padding-top:2px; }
.datepicker select { font-size: 12px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #EDF5FF; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; color:#3366CC; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #36c; color:#fff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }
.datepicker tbody td.date.chosen:hover { color:#000;}